<template>
    <li class="chat-lists-item">
        <div class="media media-chat">
        <div class="media-object"><img :src="src" alt="" class="media-object-avtar"></div>
        <div class="media-body">
            <div class="media-head">
            <h4 class="media-head-title">安琪@梦</h4>
            </div>
            <div class="media-body">
            <div class="media-chat-packets media-body-content">
                <i class="arrow"></i>
                <div class="media-chat-img media-chat-content"><img src="./img/chat_picture.png"></div>
            </div>
            </div>
        </div>
        </div>
    </li>
</template>

<script>
export default {
  components: {},
  props: ["src"],
  data() {
    return {
    };
  },
  computed: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>
<style lang="scss" scoped>
</style>